<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>高清视频播放</title>
	<link rel="stylesheet" href="/static/css/style.css">
	<link rel="stylesheet" href="/static/css/user.css">
</head>
<body>
	<header class="header">
		
	</header>
	<article class="content">
		<div class="userUpload">
			<table class="upload">
				<caption>
					我上传的视频
					<span class="videoUpload">
						继续上传
					</span>
				</caption>
				<thead>
					<tr>
						<th>编号</th>
						<th>视频名称</th>
						<th>类型</th>
						<th>大小</th>
						<th>分类</th>
						<th>上传时间</th>
					</tr>
				</thead>
				<tbody class="uploadList">
					
				</tbody>
			</table>
		</div>
		<div class="userCollected">
			<table class="collection">
				<caption>
					我收藏的视频
				</caption>
				<thead>
					<tr>
						<th>编号</th>
						<th>视频名称</th>
						<th>类型</th>
						<th>大小</th>
						<th>分类</th>
						<th>收藏时间</th>
					</tr>
				</thead>
				<tbody class="collectionList">
					
				</tbody>
			</table>
		</div>
	</article>
	<div class="dialogRegister">
		<input type="text" class="account" placeholder="用户名" required>
		<br />
		<input type="password" class="password" placeholder="密码" required>
		<br />
		<button class="confirm">
			注册
		</button>
		<button class="cancel">
			取消
		</button>
	</div>
	<div class="dialogLogin">
		<input type="text" class="account" placeholder="用户名" required>
		<br />
		<input type="password" class="password" placeholder="密码" required>
		<br />
		<button class="confirm">
			登录
		</button>
		<button class="cancel">
			取消
		</button>
	</div>
	<div class="dialogUpload">
		<input type="file" name="files" class="files" id="fileUpload" accept=".mp4">
		<br />
		<select name="type" class="sort">
			<option value="0">请选择分类</option>
			<option value="1">动画</option>
			<option value="2">电影</option>
			<option value="3">电视剧</option>
			<option value="4">微视频</option>
		</select>
		<br />
		<textarea class="description" placeholder="视频描述"></textarea>
		<br />
		<div id="uploadProgress">
			<div class="uploadProgressBar"></div>
		</div>
		<button class="confirm">
			确定
		</button>
		<button class="cancel">
			取消
		</button>
	</div>
	
	<div class="layer"></div>
	<script src="/static/js/jquery-1.10.js"></script>
	<script src="/static/js/jplayer.js"></script>
	<script src="/static/js/jplayer.playlist.js"></script>
	<script src="/static/js/template.js"></script>
	<script src="/static/js/jquery.ui.widget.js"></script>
	<script src="/static/js/jquery.iframe-transport.js"></script>
	<script src="/static/js/jquery.fileupload.js"></script>
	<script type="text/javascript" src="/static/js/func.js"></script>
	<script type="text/javascript" src="/static/js/user.js"></script>
	<script type="text/html" id="tpl-loginNav">
		<div class="nav">
			<span class="register">
				注册
			</span>			
			<span class="login clear">
				登录
			</span>
		</div>
	</script>
	<script type="text/html" id="tpl-personal">
		<div class="nav">
		<!--	<span class="logout clear">
				注销
			</span>
		-->	
			<span class="personal">
				{{list.userName}}
			</span>			
		</div>
	</script>
	<script type="text/html" id="tpl-listRec">
	{{each list}}
		<li class="lists" title="{{$value.videoName}}">
			<a href="http://localhost/html5/html/index.html#videoId={{$value.videoPath}}">
				<span class="videoName">
					{{$value.videoName}}
				</span>
				<span class="videoPlay">
					播放次数：
					<span class="videoPlaySum">
						{{$value.playSum}}
					</span>
				</span>
			</a>
		</li>
	{{/each}}
	</script>
	<script type="text/html" id="tpl-uploadList">
	{{each list as value key}}
		<tr>
			<td>{{key+1}}</td>
			<td>{{value.videoName}}</td>
			<td>{{value.videoType}}</td>
			<td>{{value.videoSize}}</td>
			<td>{{value.videoSort}}</td>
			<td>{{value.uploadDate}}</td>
		</tr>
	{{/each}}	
	</script>
	<script type="text/html" id="tpl-collectionList">
	{{each list as value key}}	
		<tr>
			<td>{{key+1}}</td>
			<td>{{value.videoName}}</td>
			<td>{{value.videoType}}</td>
			<td>{{value.videoSize}}</td>
			<td>{{value.videoSort}}</td>
			<td>{{value.uploadDate}}<span class="cancelCollect" data-videoId="{{value.videoId}}">取消收藏</span></td>
		</tr>
	{{/each}}	
	</script>
</body>
</html>